<!-- <page-header></page-header> -->
<nz-card [nzExtra]="extraTpl">

    <ng-template #extraTpl>

        <button nz-button (click)="refresh()">
            <!-- <i class="anticon anticon-reload"></i> -->刷新
        </button>

        <button nz-button (click)="create()" nzType="primary">
            <i nz-icon nzType="plus" theme="outline" ></i>新增
        </button>
    </ng-template>


    <nz-table #ajaxTable nzShowSizeChanger [nzData]="dataList" [nzTotal]="totalItems" [(nzPageIndex)]="pageNumber" [(nzPageSize)]="pageSize" [nzLoading]="isTableLoading" (nzPageIndexChange)="refresh()" (nzPageSizeChange)="refresh()" [nzFrontPagination]="false">
        <thead>
            <tr>
                <th>角色</th>
                <th>名称</th>
                <th>描述</th>
                <th>{{l("Actions")}}</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let item of ajaxTable.data">
                <td>{{item.name}}</td>
                <td>{{item.displayName}}</td>
                <td>{{item.description}}</td>
                <td>
                    <a (click)="editone(item)">编辑</a>
                    <nz-divider nzType="vertical"></nz-divider>
                    <a style="color:#ff4d4f;" (click)="delete(item)">删除</a>
                </td>
            </tr>
        </tbody>
    </nz-table>

</nz-card>